.front_index_topic,
.front_index_experiment,
.front_index_achievement {
	margin-top: 12px;
	border-bottom: none;
	&:deep(.el-table) {
		width: 100%;
		.el-button {
			font-size: 16px;
			padding: 5px 0;
		}
		.el-tag {
			font-size: 14px;
		}
		.el-table__cell .cell {
			font-size: 16px;
			padding: 0 16px;
		}
	}
	.sw-card {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 12px;
		padding: 12px;
		dl {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			border: solid 1px #ebeef5;
			border-radius: 4px;
			padding: 6px;
		}
		dt {
			padding: 6px;
		}
		dd {
			padding: 6px;
			line-height: 20px;
			&.snum,
			&.button {
				margin-left: auto;
			}
			&.name {
				width: 100%;
			}
		}
		.el-button {
			padding: 2px 0;
		}
	}
}
@media screen and (max-width: 767px) {
	.front_index_topic,
	.front_index_experiment,
	.front_index_achievement {
		.sw-card {
			grid-template-columns: repeat(1, 1fr);
		}
	}
}
